// @ts-check - enable TS check for js file
import { defineConfig } from 'windicss/helpers'
import path from 'path'

export default defineConfig({
  /* configurations... */
  extract: {
    include: [path.join(__dirname, '..', 'src/renderer/**/*.{vue,html,jsx,tsx,ts}')],
    exclude: ['node_modules', '.git', 'excluded', 'dist', 'windi.config.{ts,js}', 'tailwind.config.{ts,js}'],
  },
  darkMode: 'class',
  safelist: 'select-none',
  shortcuts: {
    btn: 'rounded border border-gray-300 text-gray-600 px-4 py-2 m-2 inline-block hover:shadow',
  },
  theme: {
    extend: {
      colors: {
        teal: {
          100: '#096',
        },
        buttonbg: '#353340',
        themebg: '#1f1d2b',
        videobg: '#252936',
        body: '#808191',
        barborder: '#808191',
      },
      textColor: {
        body: '#808191',
        primary: '#3490dc',
        secondary: '#ffed4a',
        danger: '#e3342f',
      },
      backgroundImage: {
        'blog': 'url(\'https://assets.codepen.io/3364143/skate-removebg-preview.png\')',
        'footer-texture': 'url(\'/img/footer-texture.png\')',
      },
    },
  },
})